<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    html {
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        -webkit-filter: grayscale(100%);
    }
    * {
        padding: 0;
        margin: 0;
        letter-spacing: .05em;
    }
    .button {
        background-color: rgb(24,114,169);
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;

        cursor: pointer;
        margin-left: 40%;
    }

    .flex-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        background-color: gray;
        width: 100%;
        height: 151px;
    }

    .flex-item1 {
        width: 400px;
        height: 151px;
        margin: 10px;
    }
    .cl{
        margin-top: 30px;
        margin-left: 180px;
    }
    .flex-item2 {
        width: 276px;
        height: 151px;
        background-image: url("/img/bg10.png") ;

    }
    .flex-item3 {

        width: 200px;
        height: 200px;
        margin-top: 0;

    }
    .adminName{
        margin-top: 0;
    }



</style>
<body>


<div class="flex-container">
    <div class="flex-item1">
        <h2>复飞图书馆</h2>
        <h3 class="cl">江泽民同志永垂不朽！</h3>
    </div>
    <div class="flex-item2"></div>
    <div class="flex-item3">
        <h2 class="adminName">管理员</h2>

        <input type="button" class="button" value="退出"></div>
</div>

</body>
</html>
<script src="/js/jquery-3.5.1.js"></script>
<script>
    $(function (){
        $(".button").click(function (){
            $.post("/exit.admin",function (text){
                if(text){
                    parent.window.location.href='/adminLogin.html';
                }else{
                    parent.window.location.href='/error.html';
                }

            })
        })



    })

</script>